<!-- 
        作者：dailc 
        时间：2016-05-24
        描述： 说明页面
    type="text/javascript"和	text/css 分别是js和css的默认属性
-->
<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<script>
			document.write("<script type='text/javascript' src='../../js/core/RayApp/cacheControl.config.js?" + Math.random() + "'></scr" + "ipt>");
		</script>
		<script>
			SrcBoot.output([
				'css/mui.min.css',
				'css/common/common.css',
				'css/mui.picker.min.css'
			]);
		</script>
		<style>
			.exam-p {
				color: darkgray;
				font-size: 16px;
				text-align: left;
				margin: 0px;
			}
			
			.exam-img {
				width: 25px;
				height: 25px;
			}
			
			.exam-div {
				display: flex;
				align-items: center;
				padding-top: 5px;
				padding-bottom: 5px;
			}
		</style>
	</head>

	<body>
		<!-- 标题 -->
		<header id="header" class="mui-bar mui-bar-nav bg-blue">
			<h1 id="title" class="mui-title">预约学车</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		</header>
		<div class="mui-content" style="padding-left: 10px;padding-right: 10px;">

			<div class="exam-div">
				<img src="../../img/exam/p.png" class="exam-img" />
				<p class="exam-p">场地选择</p>
			</div>
			<select id="places">
				<option value="1">测试场地</option>
			</select>
			<div class="exam-div">
				<img src="../../img/exam/car.png" class="exam-img" />
				<p class="exam-p">学时类型</p>
			</div>
			<select id="studyTime">
				<option value="AM">上午</option>
				<option value="PM">下午</option>
				<option value="Night">晚上</option>
			</select>
			<div class="exam-div">
				<img src="../../img/exam/teacher.png" class="exam-img" />
				<p class="exam-p">科目类型:</p>
			</div>
			<select id="course">
				<option value="Course1">科一</option>
				<option value="Course2">科二</option>
				<option value="Course3">科三</option>
				<option value="Course4">科四</option>
			</select>
			<div class="exam-div">
				<img src="../../img/exam/teacher.png" class="exam-img" />
				<p class="exam-p">教练选择:</p>
			</div>
			<select id="teacher">
				<option value="3">test</option>
			</select>
			<div class="exam-div">
				<img src="../../img/exam/calendar.png" class="exam-img" />
				<p class="exam-p">预约学车日期</p>
			</div>
			<button id='timepicker' data-options='{}' class="btn mui-btn mui-btn-block">选择日期时间</button>
			<div class="exam-div">
				<img src="../../img/exam/calendar.png" class="exam-img" />
				<p class="exam-p">小时选择:</p>
			</div>
			<div>
				<label for="check1">姓名</label>  
    <input type="checkbox" id="check1" value="123" name="name">  
    <label for="check2">密码</label>  
    <input type="checkbox" id="check2" value="456" name="name">  
			</div>
			<button type="button" class="mui-btn mui-btn-danger mui-btn-block">提交</button>
		</div>
	</body>
	<!-- 通用js -->
	<script>
		SrcBoot.outSeaConfig();
	</script>
	<script>
		seajs.use('js/bizlogic/school/orderstudy.js');
	</script>

</html>